@charset "UTF-8";
.chess-banner-img{
    width: 100%; min-width: 1200px; margin: 0 auto;
}
.p-detail-contain{
    width: 1100px; margin: 0 auto; padding: 20px 0px;
    .tab-c{
        border-bottom: 1px solid #eee;
        a{
            text-decoration: none;  color: #888; font: 700 12px 'Lato',sans-serif; padding: 20px 25px 15px 25px; display: inline-block; cursor: pointer; margin-bottom: -1px;
            border-top: 1px solid #eee; border-left: 1px solid #eee; background: #f4f4f4;
            &:first-child{
                border-left: 1px solid #eee;
            }
            &:last-child{
                border-right: 1px solid #eee;
            }
            &.active{
                color: #333; border-bottom: 1px solid #fff; background: #fff;  
            }
            
        }
    }
    .tab-contain-c{
        padding: 45px 30px 40px 30px;border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #eee; display: none;
        &.active{
            display: block;
        }
        .p-d-img-contain{
            position: relative;
            .p-img-c{
                width: 750px; height: 610px; margin: 0 auto;  position: relative;  margin-top: -16px; margin-left: 94px;
                .p-img-bg{
                    position: absolute;  width: 1200px; height: 570px;left: -150px;top: 40px;
                }
                >img{
                    width: 80%; position: absolute; left: 0px; top: 0px;
                    &.anim1{ -webkit-animation:wlhTop 1.8s linear infinite alternate;animation:wlhTop 1.8s linear infinite alternate;}
                    &.anim2{ -webkit-animation:wlhTop 0.9s linear infinite alternate;animation:wlhTop 0.9s linear infinite alternate;}
                }
                .p-detail-operate{
                    position: absolute;right: -80px; top: 450px; cursor: pointer; z-index: 100;
                }
            }
            .p-img-icon{
                position: absolute; top: 100px; right: 0px;
                img{
                    width: 80px;
                }
            }
            .list-item{
                li{
                    width: 230px; height: 230px; float: left; border: 1px solid #ddd; margin-right: 30px; margin-bottom: 30px; text-align: center; cursor: pointer; position: relative;
                    &:nth-child(4n){
                        margin-right: 0px;
                    }
                    img{
                        width: 180px; 
                    }
                    .list-item-com{
                        height: 32px; position: absolute; z-index: 100; bottom: 0px; width: 100%; left: 0px; font-size: 14px; padding-top: 8px; border-top: 1px solid #E8E9EC;
                        .list-item-name{
                            display: inline-block;  position: absolute; left: 10px;
                        }
                        .item-store{
                            display: inline-block; position: absolute; right: 10px; width: 20px; height: 20px; background: url('../images/item_store.png') no-repeat;
                        }
                    }
                    &.ky{
                       .ky_decorate{
                           position: absolute; width: 77px; top: -8px; right: -8px;
                       }
                    }
                    &.sw{
                        .sw_decorate{
                            position: absolute; width: 77px; top: -8px; right: -8px;
                        }
                    }
                }
            }
            .clear{
                clear: both;
            }
            .page-contain{
                clear: both;
                >ul{
                    width: 110px; margin: 0 auto;
                    >li{
                        float: left; width: 40px; height: 40px; text-align: center; line-height: 40px; border: 1px solid #ddd; margin-right: 10px; cursor: pointer;
                        &.active{
                            color: #fff;
                        }
                    }
                }
            }
        }
    }
}

//动画
@-webkit-keyframes wlhTop{0%{top:0}to{top:-40px}}
@keyframes wlhTop{0%{top:0}to{top:-40px}}